<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的发货单</title>
    
    <link href="css/mui.min.css" rel="stylesheet"/>
	<link rel="stylesheet" type="text/css" href="css/icons-extra.css"/>
	<style type="text/css">
		*{
			margin: 0 auto;
			padding: 0px;
			text-align: center;
			font-family: "微软雅黑 Light";
			color: black;
		}
		p{
			color: black;
		}
		html{
			height: 100%;
			width: 100%;
		}
		body{
			height: 100%;
			width: 100%;
		}
		#bodydiv{
			width: 100%;
			height: 100%;
		}
		#headertext{
			color: white;
			padding: 4% 3%;
			background: #23CAD0;
			font-size: 25px;
			margin: 0px;
		}
		#myfahuodan{
			background: white;
			padding: 3% 3%;
			border-bottom: #CACACA 1px solid;
			font-size: 25px;
			color: black;
		}
		#bodydivcontent{
			margin-top:5% ;
		}
	</style>
</head>
<body>
	
	<div id="bodydiv">
		<header id="header">
			<p id="headertext"><span id="goback" class="mui-icon mui-icon-arrowleft" style="background: none; border: none; color: white;padding: 0px;margin: 0px;height: 20px;width:0px;float: left;"></span>袋鼠捎货</p>
			<p id="myfahuodan" style="font-size: 18px;"><span class="mui-icon mui-icon-arrowleft" style="background: none; border: none; color: white;padding: 0px;margin: 0px;height: 20px;width:0px;float: left;color: gainsboro;width:8%;height:100%;border: #CACACA 1px solid;border-radius: 50px;"></span>我的发货单</p>
		</header>
		<div id="bodydivcontent">
			<p style="background: white;font-size: 15px;padding: 3% 7%;text-align: left;color: black">进行中的订单<span style="float: right;color: orange;">查看全部订单></span></p>
			<div id="allOrder">
				
				<div style="margin-bottom: 20px;">
					<div style="padding: 0 10%;background: #EEECED;height: 35px;line-height: 35px;"><p style="float: left;">订单号：<span>345562586332</span></p><p style="float: right;"> 下单时间：<span>08-20 15:30</span></p></div>
					<div style="background: white; height: 200px;padding: 20px;">
						<div style="width: 100%;height: 75%;background: #F5F1F0;">
							<div style="height: 70%;border-bottom: #E9E5E4 1px solid;">
								<p style="float: left; width: 70%;height: 100%;padding: 25px;text-align: left;">郑州市金水区绿地-峰会天下1004明天(周三)15：00送达</p>
								<p style="float: right;width: 30%;height: 100%;padding: 30px 0;">配送费 <span style="color: orange;font-size: 15px;font-weight: 700;">25元</span></p>
							</div>
							<div style="height: 30%;">
								<p style="text-align: left;padding: 0px 25px; height: 100%;line-height: 100%;">共计<span style="color: orange;">7</span>箱货品，总重<span style="color: orange;">120</span>Kg</p>
							</div>
						</div>
						<div style="padding-top: 20px;">
							<p style="float: left;">等待接单 <span style="color: orange;">取消订单</span></p>
							<p style="float: right;">已等待<span>1小时3分钟</span><span style="background: #23CAD0;color: white;padding: 5px;font-size: 15px;margin-left:10px ;">+加钱</span></p>
						</div>
					</div>
				</div>
				
				<div style="margin-bottom: 20px;">
					<div style="padding: 0 10%;background: #EEECED;height: 35px;line-height: 35px;"><p style="float: left;">订单号：<span>345562586332</span></p><p style="float: right;"> 下单时间：<span>08-20 15:30</span></p></div>
					<div style="background: white; height: 200px;padding: 20px;">
						<div style="width: 100%;height: 75%;background: #F5F1F0;">
							<div style="height: 70%;border-bottom: #E9E5E4 1px solid;">
								<p style="float: left; width: 70%;height: 100%;padding: 25px;text-align: left;">郑州市金水区绿地-峰会天下1004明天(周三)15：00送达</p>
								<p style="float: right;width: 30%;height: 100%;padding: 30px 0;">配送费 <span style="color: orange;font-size: 15px;font-weight: 700;">25元</span></p>
							</div>
							<div style="height: 30%;">
								<p style="text-align: left;padding: 0px 25px; height: 100%;line-height: 100%;">共计<span style="color: orange;">7</span>箱货品，总重<span style="color: orange;">120</span>Kg</p>
							</div>
						</div>
						<div style="padding-top: 20px;">
							<p style="float: left;">已接单，正在配货</p>
							<p style="float: right;">配送员：<span>李先生</span><span class="mui-icon mui-icon-phone" style="color: orange;padding: 5px;font-size: 15px;margin-left:10px ;">拨打电话</span></p>
						</div>
					</div>
				</div>
				
				<div style="margin-bottom: 20px;">
					<div style="padding: 0 10%;background: #EEECED;height: 35px;line-height: 35px;"><p style="float: left;">订单号：<span>345562586332</span></p><p style="float: right;"> 下单时间：<span>08-20 15:30</span></p></div>
					<div style="background: white; height: 200px;padding: 20px;">
						<div style="width: 100%;height: 75%;background: #F5F1F0;">
							<div style="height: 70%;border-bottom: #E9E5E4 1px solid;">
								<p style="float: left; width: 70%;height: 100%;padding: 25px;text-align: left;">郑州市金水区绿地-峰会天下1004明天(周三)15：00送达</p>
								<p style="float: right;width: 30%;height: 100%;padding: 30px 0;">配送费 <span style="color: orange;font-size: 15px;font-weight: 700;">25元</span></p>
							</div>
							<div style="height: 30%;">
								<p style="text-align: left;padding: 0px 25px; height: 100%;line-height: 100%;">共计<span style="color: orange;">7</span>箱货品，总重<span style="color: orange;">120</span>Kg</p>
							</div>
						</div>
						<div style="padding-top: 20px;">
							<p style="float: left;">配货完成，等待送达</p>
							<p style="float: right;">配送员：<span>李先生</span><span class="mui-icon mui-icon-phone" style="color: orange;padding: 5px;font-size: 15px;margin-left:10px ;">拨打电话</span></p>
						</div>
					</div>
				</div>
				
				
				<div style="margin-bottom: 20px;">
					<div style="padding: 0 10%;background: #EEECED;height: 35px;line-height: 35px;"><p style="float: left;">订单号：<span>345562586332</span></p><p style="float: right;"> 下单时间：<span>08-20 15:30</span></p></div>
					<div style="background: white; height: 200px;padding: 20px;">
						<div style="width: 100%;height: 75%;background: #F5F1F0;">
							<div style="height: 70%;border-bottom: #E9E5E4 1px solid;">
								<p style="float: left; width: 70%;height: 100%;padding: 25px;text-align: left;">郑州市金水区绿地-峰会天下1004明天(周三)15：00送达</p>
								<p style="float: right;width: 30%;height: 100%;padding: 30px 0;">配送费 <span style="color: orange;font-size: 15px;font-weight: 700;">25元</span></p>
							</div>
							<div style="height: 30%;">
								<p style="text-align: left;padding: 0px 25px; height: 100%;line-height: 100%;">共计<span style="color: orange;">7</span>箱货品，总重<span style="color: orange;">120</span>Kg</p>
							</div>
						</div>
						<div style="padding-top: 20px;">
							<p style="float: left;">已送达&nbsp&nbsp&nbsp<span style="color: orange;">需要帮助 ?	</span></p>
							<p style="float: right;"><span style="background: #23CAD0;color: white;padding: 5px 10px;font-size: 15px;margin-left:10px ;">评价</span></p>
						</div>
					</div>
				</div>
				
				
				<div style="margin-bottom: 20px;">
					<div style="padding: 0 10%;background: #EEECED;height: 35px;line-height: 35px;"><p style="float: left;">订单号：<span>345562586332</span></p><p style="float: right;"> 下单时间：<span>08-20 15:30</span></p></div>
					<div style="background: white; height: 200px;padding: 20px;">
						<div style="width: 100%;height: 75%;background: #F5F1F0;">
							<div style="height: 70%;border-bottom: #E9E5E4 1px solid;">
								<p style="float: left; width: 70%;height: 100%;padding: 25px;text-align: left;">郑州市金水区绿地-峰会天下1004明天(周三)15：00送达</p>
								<p style="float: right;width: 30%;height: 100%;padding: 30px 0;">配送费 <span style="color: orange;font-size: 15px;font-weight: 700;">25元</span></p>
							</div>
							<div style="height: 30%;">
								<p style="text-align: left;padding: 0px 25px; height: 100%;line-height: 100%;">共计<span style="color: orange;">7</span>箱货品，总重<span style="color: orange;">120</span>Kg</p>
							</div>
						</div>
						<div style="padding-top: 20px;">
							<p style="float: left;">订单已完成</p>
							<p style="float: right;">已评价<span style="color: orange;padding: 5px;font-size: 15px;margin-left:10px ;">查看评价</span></p>
						</div>
					</div>
				</div>
				
			</div>
		</div>
		<footer id="footer"></footer>
	</div>
	
	<script type="text/javascript" src="js/jquery.min.js" ></script>
	<script src="js/mui.min.js"></script>
	<script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    <script>
    	/*(function($,$$){
    		$$("#goback").click(function(){
    			alert("回到上一层");
    		})
    	}(mui,jQuery))//测试返回是否可以使用*/
    </script>
</body>
</html>